<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            font: 12px "simhei", Arial, Helvetica, sans-serif;
            color: #666;

        }
     body>div{
        width: 611px;
        height: 376px;
        background-color: #e8e8e8;
         background-image: url("http://doc.canglaoshi.org/tstore_v1/images/itemCat/study_computer_img1.png");
        background-repeat: no-repeat;
         background-position: 90% 90%;
         overflow: hidden;
     }
     div>div{
         margin: 68px 0 0 36px;
         width: 245px;
         height: 232px;
     }
     .title_p{
         font-size: 32px;
         color: #333;
         margin-bottom: 12px;
     }
     .price_p{
         font-size: 24px;
         color:#0aa1ed ;
         font-weight: bold;
         margin-bottom: 12px;
     }
     a{
     width: 132px;
         height: 40px;
     background-color: #0aa1ed;
         display: block;
         text-align:center;
         line-height: 40px;
         color: white;
         border-radius: 3px;
         font-size: 20px;
         text-decoration: none;

     }
    </style>
</head>
<body>
<div>
<div>
    <p class="title_p" >灵越 燃7000系列</p>
    <p class="intro_p">酷睿双核i5处理器|256GB SSD| 8GB内存<br>
        英特尔HD显卡620含共享显卡内存</p>
    <p class="price_p">￥4999.00</p>
    <a href="">查看详情</a>
</div>
</div>
</body>
</html>